<ion-header>
    <ion-navbar>
        <ion-title style="text-align:center">{{'text-id-manager' | translate}}</ion-title>
    </ion-navbar>
</ion-header>
<ion-content>
    <div class="per-certified">
        <div *ngIf="backupWalletPlainText" class="kuangTextArea">
            <p>{{ 'text-keystroe-message' | translate }} </p>
            <textarea rows="10" class="backupWalletTextArea">{{backupWalletPlainText}}</textarea>
        </div>

        <button *ngIf="backupWalletPlainText" ion-button full class="button-footer" (click)="onCopay()" style="width: 100%">{{ 'text-copy-to-clipboard' | translate }}</button>

        <ul class="idList" *ngIf="!backupWalletPlainText">
            <li class="item" *ngFor="let item of kycIdArr" (click)="onItem(item.id)">
                <a class="tiaozhuan">
                    <div [ngClass]="{'radio':true,'per-select':isSelectObj[item.id]}"></div>
                    <div class="item-text">
                        <span class="item-text-title huan-hang">{{item.id}}</span>
                    </div>
                </a>
            </li>
        </ul>

        <div class="chooseAll" style="background: white;" *ngIf="!backupWalletPlainText">

            <div [ngClass]="{'radio':true,'per-select':selectAll}" style="margin: 0px 16px;" (click)="onNext(3)"></div>
            <span (click)="onNext(3)">{{ 'text-select-all' | translate }}</span>

            <div class="btns">
                <a class="importBtn" (click)="onNext(1)">{{ 'text-export' | translate }}</a>
                <a class="delBtn" (click)="onNext(2)">{{ 'text-delete' | translate }}</a>
            </div>
        </div>
    </div>
</ion-content>